2-4 C]w

事實上,每一個標籤都可以加上不同的屬性( Attributes),來改變瀏覽器對標籤的呈現方式。以 <body> 這個標籤為例,可能的屬性可以列表如下:

屬性名稱說明範例
BACKGROUND背景圖片設定<body background="/path/filename.gif">
BGCOLOR背景顏色設定<body bgcolor=white text=black link="#ff0000" vlink="#00ff00" alink="#0000ff">
TEXT基本文字顏色
LINK連結文字顏色
VLINK連結文字被點選後的顏色
ALINK連結文字被選取中的顏色

有關顏色的設定,可說明如下。彩色螢幕中所有的色彩均由 R(Red)、G(Green)、B(blue) 三原色所組合而成。我們知道色彩的數目非常的多,該如何在畫面中表現出想要的色彩呢? 三原色各有 256 個彩度,將三原色其中任一彩度加在一起,又可形成不同的顏色。但是一般的彩度是以十進位之方法表示,電腦不認識十進位字元,所以我們須將十進位的字元轉換成為十六進位的字元,因此,就變成六個一串的英文字與阿拉伯數字的組合。例如:

例如:

Example(color01.htm):

上述範例的原始檔如下:

原始檔(color01.htm):(灰色區域按兩下即可拷貝)
<HTML>
<HEAD>    
	<TITLE> 顏色的設定 </TITLE>
</HEAD>
<body bgcolor=gray text=#ffffff link=#ffff00 vlink=#aaffaa alink=red>

看看清大資訊的<a href="http://www.cs.nthu.edu.tw">首頁</a><br>
看看張老師的<a href="/jang">首頁</a>

</BODY>
</HTML>

由上述範例,我們也可以看出,常用的顏色可以直接使用其英文名稱(例如 black, red, blue, gray 等),而不必一定要使用十六進位的代碼。

以下是幾種常用顏色的色碼轉換表:

若要選用特定顏色並得到相關的顏色字串,可以使用網路上提供的色碼轉換表,這是中壢高中提供的範例:

Example(色碼轉換.mht):

(原始連結:http://www.clhs.tyc.edu.tw/~general/colortable.htm

若要看看顏色的英文名字,請見下列連結

http://www.colordic.org/

HTML 簡介與應用